<!DOCTYPE html>
<html   xmlns:th="http://www.thymeleaf.org">

<head th:replace="layui/common/commonHead :: commonHead(~{::title},~{::link},~{::style})">
    <title>文章管理</title>
    <style>
        /*【优先加载】解决页面初始加载样式渲染滞后导致页面样式短暂缺失影响体验的问题*/
        .dropdown-menu .dropdown-menu-nav {
            display: none
        }
        .ztree * {
            padding: 0;
            margin: 0;
            font-size: 15px;
            font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
        }
        .ztree li ul {
            margin: 0;
            padding: 0px 0px 0px 18px;
        }
        .ztree li {
            padding: 0px 0px 0px 0px;
            margin: 5px 0px 0px 0px;
            list-style: none;
            line-height: 18px;
            text-align: left;
            white-space: nowrap;
            outline: 0;
        }
        .ztree li a.curSelectedNode {
            padding-top: 0px;
            background-color: #009688;
        }
    </style>
    <link rel="stylesheet" th:href="@{/layuiadmin/modules/common/zTree/css/metroStyle/metroStyle.css}" href="../../../../static/layuiadmin/modules/zTree/css/metroStyle/metroStyle.css" media="all">
</head>

<body>
    <div class="layui-fluid layadmin-homepage-fluid">
        <div class="layui-row layui-col-space8">
            <div class="layui-col-md3">
                <div class="layadmin-homepage-panel layadmin-homepage-shadow">
                    <div class="layui-card text-center">
                        <div class="layui-card-body">
                            <button class="layui-btn layui-btn-lg layui-btn-fluid " style="text-align: left; background-color: #487596;">
                                <i class="layui-icon layui-icon-app"></i>
                                我的应用
                            </button>

                        </div>
                    </div>
                </div>
                <div class="layadmin-homepage-panel layadmin-homepage-shadow">
                    <div class="layui-card text-center">
                        <div class="layui-card-body">
                            <!--<div id="leftLayTreeId" class="demo-tree-more"></div>-->
                            <div id="appName"></div>
                        </div>
                    </div>
                </div>

                <div class="layadmin-homepage-panel layadmin-homepage-shadow">
                    <div class="layui-card text-center">
                        <div class="layui-card-body">
                            <button class="layui-btn layui-btn-fluid  layui-btn-normal"  style="text-align: left; background-color: #487596;">
                                <i class="layui-icon layui-icon-layouts"></i>
                                我的栏目
                            </button>

                        </div>
                    </div>
                </div>
                <div class="layadmin-homepage-panel layadmin-homepage-shadow">
                    <div class="layui-card text-center">
                        <div class="layui-card-body">
                            <!--<div id="leftLayTreeId" class="demo-tree-more"></div>-->
                            <div id="leftLayTreeId" class="ztree"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md9  layui-card" style="margin-top:3.5px">
                <form class="layui-form" id="article-form-search">
                    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">文章标题</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="basicTitle" placeholder="请输入文章标题" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-card-body">

                        <div class="layui-table-tool-temp">
                            <button type="button" class="layui-btn toolbar-button" data-type="add">
                                <i class="layui-icon layui-icon-add-1 layuiadmin-button-btn"></i>添加
                            </button>
                            <button type="button" class="layui-btn toolbar-button" data-type="batchDel">
                                <i class="layui-icon layui-icon-delete layuiadmin-button-btn"></i>批量删除
                            </button>
                        </div>

                        <div class="layui-table-tool-self">
                            <button type="button" data-type="reload" class="layui-btn layuiadmin-btn-useradmin toolbar-button" id="article-btn-search" lay-filter="article-btn-search">
                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索
                            </button>
                            <button type="reset" data-type="reset" class="layui-btn  layui-btn-primary toolbar-button" lay-filter="">
                                <i class="layui-icon layuiadmin-button-btn"></i>重置
                            </button>
                        </div>
                    </div>
                </form>
                <table id="cms-article-manage" lay-filter="cms-article-manage"></table>
                <script type="text/html" id="imgTpl">
                    <img style="display: inline-block; width: 50%; height: 100%;" src= {{ d.avatar }}>
                </script>
                <script type="text/html" id="table-article-page-list-toolbar">
                    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
                </script>
            </div>
        </div>
    </div>

    <div th:replace="layui/common/commonJs :: commonJs(~{::script})">
        <script th:src="@{/layuiadmin/modules/common/zTree/js/jquery-1.4.4.min.js}" src="../../../../static/layuiadmin/modules/zTree/js/jquery-1.4.4.min.js"></script>
        <script th:src="@{/layuiadmin/modules/common/zTree/js/jquery.ztree.all.min.js}" src="../../../../static/layuiadmin/modules/zTree/js/jquery.ztree.all.min.js"></script>

    </div>
    <script>
        layui.use(['index','article','tree','xmSelect'], function () {});
    </script>
</body>

</html>
